import React, { Component } from 'react';
import './Footer.scss';
import logo  from "../logo.svg";

class Footer extends Component {
    state = {
        footer:[
            {name:'店铺',pic:logo},
            {name:'分类',pic:logo},
            {name:'全部商品',pic:logo},
            {name:'购物车',pic:logo},
            {name:'个人中心',pic:logo},
        ]
    }
    render() {
        return (
            <div>
                 <div className="footer">
                 {
                this.state.footer.map((item)=>{
                    return (
                       <div className="cade"> 
                            <img src={item.pic} alt="" />
                            <span>{item.name}</span>
                        </div>
                    )
                })
               }
                </div>
            </div>
        );
    }
}

export default Footer;